<template>
  <div id="login" :style="'background: url(' +bgImg + ') fixed no-repeat center'">
    <login-form class="login-form"/>
  </div>
</template>

<script>
import LoginForm from "@/components/login/LoginForm";

import bgImg from "@/assets/background/明日方舟-骑兵与猎人.jpg";

export default {
  name: "Login",
  components: {
    LoginForm
  },
  data() {
    return {
      bgImg
    }
  }
}
</script>

<style scoped>
  #login {
    height: 100%;
  }

  #login .login-form {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -140px;
    margin-left: -160px;
  }
</style>